<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="fragment::head(~{::title})">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>反馈</title>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css" >
	<link rel="stylesheet" th:href="@{/css/me.css}" >
</head>
<body>
	<!-- 导航 -->
	<nav class="ui inverted attached segment m-padded-tb-mini">
		<div class="ui container">
			<div class="ui inverted secondary menu">
				<a href="index.html"><h2 class="ui teal header item">校园失物招领</h2></a>
				<a href="index.html" class="item "><i class="mini home icon"></i>首页</a>
				<a href="announce.html" class="item active" ><i class="mini edit icon"></i>发布</a>
				<a href="mine.html" class="item  "><i class="mini user icon"></i>我的</a>
				<div  class="right m-item item m-mobile-hide">
					<form method="get" class="ui icon inverted transparent input m-margin-tb-tiny">
						<input type="text" name="content" placeholder="Search....">
						<i class="search link icon"></i>
					</form>
				</div>
			</div>
		</div>
	</nav>
	<!-- 中间内容 -->
	<div class="m-container m-padded-tb-large">
		<div class="ui container">
			<div class="ui grid">
				<!-- 左边启示列表 -->
				<div class="thirteen wide column">
					
					<!-- header -->
					<div class="ui top attached segment ">
						<div class="ui middle aligned two column grid">
							<div class="column">
								<h3 class="ui teal header">反馈</h3>
							</div>
							
						</div>
					</div>
					<!-- content -->
					<div  class="ui attached segment">
						
						<div class="ui padded vertical segment m-padded-tb-large">
							<div class="ui mobile reversed stackable grid">

								        <div class="ui form" style="width: 100%; height: 100%;min-height:100px">
								            <div class="field">
								                <input id="subject"  placeholder="主题（最多40字）" maxlength="50"
								                       class="tweet-textarea disabled-resize" autofocus/>
								            </div>
								            <div class="field ">
								                <textarea id="content" rows="6" placeholder="您有什么意见或建议，或者您需要什么帮助（最多300字）" maxlength="300"
								                          class="tweet-textarea disabled-resize"></textarea>
								            </div>
											<div class="actions">
											    <input type="button" onclick="doFeedback()" value="确认" class="ui primary right floated m-margin-tb-large  button">
											    <input type="button" onclick="doBack()" value="取消" class="ui right floated m-margin-tb-large button">
											</div>
								        </div>
								    

							</div>
						</div>
					</div>
					<!-- footer -->
					
				</div>
				
			
				
			</div>
		</div>

	</div>	
	
	<!-- 底部footer -->
		
	<!-- 底部footer -->
	<footer class="ui inverted vertical segment m-padded-tb-massive ">
        <div class="ui center aligned container">
            <div class="ui inverted divided grid">
                <div class="three wide column">
                    <div class="ui inverted link list">
                        <div class="item">
                            <img src="img/erwei.png" class="ui rounded image" alt="" style="width: 110px;">
                        </div>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced ">常见问题</h4>
                    <div class="ui inverted link list">                  
                        <a href="/feedback" class="item" >点击反馈</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced ">联系我们</h4>
                    <div class="ui inverted link list">
                        <a class="item m-text-thin">Email：***********</a>
                        <a class="item m-text-thin">QQ：************</a>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced ">关于我们</h4>
                    <p class="m-text-thin m-text-spaced m-opacity-mini">LostFound是开发的校园失物找回项目案例，希望可以给来到这儿的人们带来帮助...</p>
                </div>
            </div>
            <div class="ui inverted section divider"></div>
            <p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright © 2019 - 2020 LostFound </p>
        </div>
    </footer>
    <!--	/*/<th:block th:replace="fragment::script">/*/-->
	<script src="js/jquery.min.js"></script>
	<script src="js/semantic.min.js"></script>
	<script src="js/axios.js"></script>

    <!--    /*/</th:block>/*/-->

    <script>
        function doFeedback() {
        	//获取输入的内容信息
            var subject = $("#subject").val();
            var content = $("#content").val();
            var values={};
            values.title=subject;
            values.content=content;
            axios.post('feedback/addFeedBack',values).then(function(res){
                if(res.code==200){//反馈成功
                    alert("成功")
				}
                window.location.href="feedback.html";
			})

        }
        function doBack() {
            location.href = "index";
        }
    </script>
</body>
</html>
